$(function () {
    /**
     *  请求对应的接口，让数据动态加载
     *
     *  请求了另一个域名下的接口
     *      跨域的问题
     *       解决方法：
     *          1. jsonp === 只能用于get请求，需要后台做一定的配合
     *          2. 直接在后台的响应头里面设置允许跨域
     *
     * */

    $.post("http://gz16albx.com/clientInterface/getNavdata.php",function (res) {
        console.log(res);

        /**
         *  根据得到的数据对导航菜单进行动态生成
         *  生成结构的时候，避免不了字符串拼接，一般推荐如果是简单的结构，自己拼接就好；如果是复杂的结构，再来使用模板引擎会好一点
         * */

        if (res.code == 100){
            var html = "";
            for (var i = 0; i < res.data.length; i++) {
                html += "<li><a href='"+ res.data[i].link +"' title='"+ res.data[i].title +"'><i class='"+ res.data[i].icon +"'></i>"+ res.data[i].text +"</a></li>";
            }
            $(".nav").html(html);
        }
    },"json");
});